<template>
	<view class="user">
		<image :src="user.img" mode=""></image>
		<view>{{$t('systen.idSafe.tel')}}: <text class="t">{{user.id}}</text></view>
	</view>
</template>

<script>
	export default {
		props:['user'],
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped>
.user{
	width: 86%;
	height: 140rpx;
	margin: auto;
	display: flex;
	background-color: #FFFFFF;
	position: relative;
	border-radius: 16rpx;
}
image{
	width: 80rpx;
	height: 80rpx;
	position: absolute;
	left: 40rpx;
	top: 30rpx;
}
.user>view{
	text-align: center;
	margin: auto;
	font-size: 1.1em;
	font-weight: bold;
	color: #6A6A6A;
}
.t{
	padding-left: 20rpx;
}
</style>
